<div class="social {{.class}}">
	<h2 class="title social__title">Welcome to the community!</h2>
	<ul class="social__list">
		<li class="social__item social__item--green">
			<a class="social__link" href="https://github.com/cilium/tetragon/" target="_blank"
				rel="noopener noreferrer">
				<img src="/svgs/social/github-icon.svg" width="64" height="64" loading="lazy" alt="" />
				<span>Contribute on&nbsp;Github</span>
			</a>
		</li>
		<li class="social__item social__item--blue">
			<a class="social__link"
				href="https://cilium.slack.com/join/shared_invite/zt-2fofar18z-~IbPR9AIO3iJufu95FQm2w#/shared-invite/email"
				target="_blank" rel="noopener noreferrer">
				<img src="/svgs/social/slack-icon.svg" width="64" height="64" loading="lazy" alt="" />
				<span>Join our Slack channel</span>
			</a>
		</li>
		<li class="social__item social__item--violet">
			<a class="social__link" href="https://bsky.app/profile/cilium.io" target="_blank" rel="noopener noreferrer">
				<img src="/svgs/social/blue-sky-icon.svg" width="64" height="64" loading="lazy" alt="" />
				<span>Follow us on&nbsp;Bluesky</span>
			</a>
		</li>
		<li class="social__item social__item--dark-blue">
			<a class="social__link" href="https://www.linkedin.com/company/cilium/" target="_blank"
				rel="noopener noreferrer">
				<img src="/svgs/social/linkedin-icon.svg" width="64" height="64" loading="lazy" alt="" />
				<span>Follow us on&nbsp;LinkedIn</span>
			</a>
		</li>
		<li class="social__item social__item--blue">
			<a class="social__link" href="https://isovalent.com/labs/tetragon-getting-started/" target="_blank"
				rel="noopener noreferrer">
				<img src="/svgs/social/lab-icon.svg" width="64" height="64" loading="lazy" alt="" />
				<span>Explore Tetragon&nbsp;labs</span>
			</a>
		</li>
	</ul>
</div>
